<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="../../icon/cao_xiao_xu/font_3571014_8iqxovtj46/iconfont.js"></script>
  <link rel="stylesheet" href="../../icon/cao_xiao_xu/font_3571014_8iqxovtj46/iconfont.css">
  <link rel="stylesheet" href="../../js/cao_xiao_xu/bootstrap-3.3.5-dist/bootstrap-3.3.5-dist/css/bootstrap.min.css">
  <script src="../../js/cao_xiao_xu/jquery-1.11.3.js"></script>
  <script src="../../js/cao_xiao_xu/bootstrap-3.3.5-dist/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="../../css/cao_xiao_xu/Home.css">
  <script src="../../js/cao_xiao_xu/Home.js"></script>
</head>

<body>
  <div class="home">
    <div class="top">
      <div class="topleft">
        <div class="toplefthead">
          <p class="topleftheadleft">
            <span class="iconfont icon-yunyingshuju"></span>
            <span style="margin-left: 5px;">运营数据</span>
          </p>
          <p class="topleftheadright">
            <span id="shuju1" style="color:#2199CC ;">今日</span>
            <span id="shuju2">昨日</span>
            <span id="shuju3">本周</span>
            <span id="shuju4">上周</span>
          </p>
        </div>
        <div class="topleftmiddle">
          <div class="topleftmiddle1">
            <p><span class="day">今日</span>交易(元)</p>
            <span id="jtjy" class="zi">500.00</span>
          </div>
          <div class="topleftmiddle2">
            <p><span class="day">今日</span>申请退单额(元)</p>
            <span id="jttq" class="zi">200.00</span>
          </div>
        </div>
        <div class="topleftbottom">
          <div class="topleftbottom1">
            <div class="topleftbottom1-1">
              <p><span class="day">今日</span>订单(笔)</p>
              <span id="dd" class="zi">66</span>
            </div>
            <div class="topleftbottom1-2">
              <p><span class="day">今日</span>商品销量(件)</p>
              <span id="xl" class="zi">88</span>
            </div>
            <div class="topleftbottom1-3">
              <p><span class="day">今日</span>申请退单商品(件)</p>
              <span id="td" class="zi">5</span>
            </div>
          </div>

        </div>
      </div>
      <div class="topright">
        <div class="toprighthead">
          <p><span class="iconfont icon-gaojingdaichuli"></span>
            <span>待处理业务</span>
          </p>
        </div>
        <div class="toprightmiddle">
          <div class="toprightmiddle1">
            <div class="toprightmiddle1-1">
              <span class="iconfont icon-daifahuo"></span>
              <div>
                <p>待发货订单</p>
                <span class="zi1">10</span>
              </div>
            </div>
            <div class="toprightmiddle1-2" id="toprightmiddle1-2">
              <span class="iconfont icon-daituihuo"></span>
              <div>
                <p>待退货订单</p>
                <span class="zi1">2</span>
              </div>
            </div>
          </div>
          <div class="toprightmiddle1">
            <div class="toprightmiddle1-1">
              <span class="iconfont icon-daishenhe"></span>
              <div>
                <p>待审核提现</p>
                <span class="zi1">15</span>
              </div>
            </div>
            <div class="toprightmiddle1-2">
              <span class="iconfont icon-yujing"></span>
              <div>
                <p>待预警商品数量</p>
                <span class="zi1">150</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="middle">
      <div class="middleleft" style="margin-right: 10px;">
        <div class="middleleft1">
          <div class="middlelefttop">
            <p><span class="iconfont icon-shangpinxiaoliangpaihang"></span><span>商品销量</span></p>
            <div class="middlelefttopright">
              <span>分类名称</span>
              <select id="chaxun">
                <option value="0">全部分类</option>
                <option value="1">母婴</option>
                <option value="2">男装</option>
                <option value="3">女装</option>
                <option value="4">化妆品</option>
              </select>
              <span>本周</span>
            </div>
          </div>
          <div class="middleleftmd">
            <table class="table table-hover">
              <thead>
                <tr id="sp">
                  <th>商品</th>
                  <th>商品名称</th>
                  <th>销量(件)</th>
                </tr>
              </thead>
              <tbody id="mytable"></tbody>
            </table>
          </div>
        </div>
      </div>
      <div class="middleleft">
        <div class="middleleft1">
          <div class="middlelefttop">
            <p><span class="iconfont icon-shangpinxiaoliangpaihang"></span><span>商品销量</span></p>
            <div class="middlelefttopright">
              <span>分类名称</span>
              <select id="chaxun1">
                <option value="0">全部分类</option>
                <option value="1">母婴</option>
                <option value="2">男装</option>
                <option value="3">女装</option>
                <option value="4">化妆品</option>
              </select>
              <span>本月</span>
            </div>
          </div>
          <div class="middleleftmd">
            <table class="table table-hover">
              <thead>
                <tr id="sp">
                  <th>商品</th>
                  <th>商品名称</th>
                  <th>销量(件)</th>
                </tr>
              </thead>
              <tbody id="mytable1"></tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
    <div class="bottom">
      <div class="bottomhead">
        <div class="bhl">
          <p class="item" onclick="goDian(0)" style="color:#2199CC ;"><span
              class="iconfont icon-xiaoliang"></span><span>商品销量</span></p>
          <p class="item" onclick="goDian(1)"><span class="iconfont icon-tuidan"></span><span>退单统计</span></p>
          <p class="item" onclick="goDian(2)"><span class="iconfont icon-huiyuan"></span><span>会员统计</span></p>
        </div>
        <div class="bhr">
          <span id="bhr1" style="color:#2199CC ;">本周</span>
          <span id="bhr2">上周</span>
          <span id="bhr3">本月</span>
          <span id="bhr4">上月</span>
        </div>
      </div>
      <div class="bottomm">
        <div class="bottomm1">
          <span id="riqi">2019-1-9至2019-1-19</span>
        </div>
        <div class="bottomm2">
          <img src="../../img/cao_xiao_xu/img/1.png" class="imgdiv" id="img1">
          <img src="../../img/cao_xiao_xu/img/2.png" class="imgdiv" id="img2">
          <img src="../../img/cao_xiao_xu/img/3.png" class="imgdiv" id="img3">
        </div>
      </div>
    </div>
  </div>
</body>

</html>